
<template>
    <div class="search-btn-comp">
        <div class="search-btn">
            <div class="img-wrap">
                <el-image class="more-img" :src="searchImg" fit="contain" />
            </div>
            <span class="search-txt" v-lang="{lang: controlSto.language, lgid: '-14'}"></span>
            <!-- <span class="search-txt" >的罚款的数据反馈啦就是开法拉利舒服是</span> -->
        </div>
    </div>
</template>

<script setup>
    import { ref, reactive } from 'vue'
    import { controlStore } from '@/stores/control'
    
    import searchImg from '@/assets/img/search.png'

    const controlSto = controlStore();

    // const toClk = () => {
        
    // };

</script>


<style lang="scss" scoped>
    .search-btn-comp {
        display: inline-block;
        .search-btn {
            min-width: 80px;
            height: 32px;
            padding: 0 8px;
            line-height: 32px;
            text-align: center;
            color: #FFF;
            background-color: #BC9F77;
            border-radius: 4px;
            user-select: none;
            cursor: pointer;
            &:hover {
                background-color: #E6C896;
            }
            &:active {
                background-color: #967846;
            }
            .img-wrap {
                position: relative;
                display: inline-block;
                top: 3px;
                padding-right: 4px;
                .more-img {
                    height: 16px;
                }
            }
        }
    }
</style>
